<template>
	
	<view class="search">
		<view class="searchorder">
			<view class="search-head">
				<view class="search-icon">
					<image src="../../static/buytao/search.png"></image>
				</view>
				<view class="search-order">
					<view>未获得佣金的订单需手动找回才可获得佣金</view>
					<view class="search-input">
						<input type="text" focus class="searchinput" placeholder="请输入你要找回的订单号"/>
						<button class="searchbutton">找回</button>
					</view>
				</view>
			</view>
		</view>
		
		
		<view class="searchfind">
			<view class="searchfindorder">
				<view>如何获取订单编号？</view>
				<view class="search-main">
					<view><text>1</text>打开"手机淘宝"APP-我的淘宝-查看我的订单</view>
					<view>
						<image src="../../static/buytao/a1.jpg" mode="widthFix" lazy-load></image>
					</view>
				</view>
				<view class="search-main">
					<view><text>2</text>复制订单号</view>
					<view>
						<image src="../../static/buytao/a2.jpg" mode="widthFix" lazy-load></image>
					</view>
				</view>
			</view>
		</view>
		
	</view>
	
	
	
</template> 

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad() {
		},
		methods: {
		}
	}
</script>

<style scoped>
	page{
		background-color:#F5F5F5;
	}
	.searchorder{
		width:100%;
		background-color: #FFFFFF;
		padding-bottom:40upx;
	}
	.search-head{
		width:95%;
		margin:0 auto;
		background-color:#FFFFFF;
	}
	.search-icon{
		width:100%;
		height:250upx;
		line-height:250upx;
		text-align: center;
	}
	.search-icon>image{
		margin-top:80upx;
		width:120upx;
		height:120upx;
	}
	.search-order>view:first-child{
		height:70upx;
		line-height:70upx;
	}
	.search-input{
		width:100%;
		height:90upx;
		line-height:90upx;
		border-radius:45upx;
		border:1px solid #F50E34;
		display: flex;
		flex-direction: row;
		white-space: nowrap;
		justify-content:left;
		flex-wrap:wrap;
	}
	.searchinput{
		width:75%;
		padding-left:2%;
		line-height:90upx;
		height:90upx;
	}
	.searchbutton{
		margin-top:10upx;
		width:20%;
		height:70upx;
		line-height:70upx;
		border-radius:35upx;
		color:#FFF8CC;
		font-size:30upx;
		background-color:#F50E34;
	}
	
	.searchfind{
		width:100%;
		background-color:#FFFFFF;
	}
	.searchfindorder{
		background-color:#FFFFFF;
		margin:20upx;
	}
	.searchfindorder>view:first-child{
		width:100%;
		height:100upx;
		line-height:100upx;
		text-align:center;
		font-size:35upx;
		font-weight:bold;
	}
	.search-main{
		margin-bottom:20upx;
	}
	.search-main>view:first-child{
		width:100%;
		height:70upx;
	}
	.search-main>view>text{
		display: inline-block;
		width:50upx;
		height:50upx;
		text-align:center;
		background:#F50E34;
		color:#FFFFFF;
		border-radius:25upx;
		margin-right:10upx;
	}
</style>
